<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>浮动</title>
  <style>
#head {
  border: 1px #CCCCCC solid;
  width: 410px;
  height: 100px;
  margin-bottom: 10px;
}

#main {
  border: 1px #CCCCCC solid;
  width: 400px;
  height: 400px;
  margin-bottom: 10px;
  padding: 5px;
}

#left {
  border: 1px #CCCCCC solid;
  width: 198px;
  height: 198px;
  float: left;
  margin: 1em;
}

#right {
  border: 1px #CCCCCC solid;
  width: 93px;
  height: 198px;
  margin-left: 5px;
  float: left;
}

.normal_area {
  border: 1px #CCCCCC solid;
  width: 210px;
  clear: both;
  background-color: #CCCCCC;
  margin-top: 1em;
}


  </style>
</head>

<body>
  <div id="head">头部</div>
  <div id="main">
    <div id="left">左侧</div>
    <div id="right">右侧</div>
    <div class="normal_area">希望按正常流显示的模块</div>
  </div>
</body>

</html>
